@charset "utf-8";
/* 注册、登录样式表 */
#main .bgA_01{ width:980px; margin:0 auto;}
#main .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #leftArea{ width:700px; float:left;}
#main #rightArea{ width:263px; float:left; padding:0 0 0 17px;}


/* 功能模块样式 */
.loginNRegPanel_01{ height:440px; padding:40px 0 40px 40px; background:#fff; margin:0 0 20px;}
.loginNRegPanel_01 .formField{ height:100%; float:left; width:320px; background:#dcdcdc;}
.loginNRegPanel_01 .formField .menu{ width:100%;}
.loginNRegPanel_01 .formField .menu ul{ height:40px;}
.loginNRegPanel_01 .formField .menu ul li{ width:160px; float:left; line-height:40px; font-size:14px;}
.loginNRegPanel_01 .formField .menu ul li a{ display:block; width:100%; height:100%; text-align:center; background:#eee;}
.loginNRegPanel_01 .formField .menu ul li a:hover{ text-decoration:none;}
.loginNRegPanel_01 .formField .menu ul li a.on{ background:#dcdcdc;}
.loginNRegPanel_01 .formField .list{ padding:20px 10px 0;}
.loginNRegPanel_01 .formField .list ul{}
.loginNRegPanel_01 .formField .list ul li{ width:240px; height:24px; background:0 0 no-repeat; padding:13px 13px 13px 47px; margin:0 0 10px;}
.loginNRegPanel_01 .formField .list ul li .txt{ border:0; background:none; width:100%; height:100%; line-height:24px; padding:0;}
.loginNRegPanel_01 .formField .list ul li.id{ background-image:url(../images/bg_input_02.gif);}
.loginNRegPanel_01 .formField .list ul li.pw{ background-image:url(../images/bg_input_01.gif);}
.loginNRegPanel_01 .formField .list ul li.nn{ background-image:url(../images/bg_input_06.gif);}
.loginNRegPanel_01 .formField .list ul li.text{ width:100%; padding:0; text-align:right; margin:0 0 10px;}
.loginNRegPanel_01 .formField .list ul li.text em{ color:#f00;}
.loginNRegPanel_01 .formField .list ul li.code{ background:#f3f4f6; padding:9px; height:32px; overflow:hidden; width:282px; color:#333; font-size:14px; font-weight:bold;}
.loginNRegPanel_01 .formField .list ul li.code .txt{ width:106px; height:26px; padding:2px; vertical-align:middle; border:1px solid #dbdfe6; background:#fff;}
.loginNRegPanel_01 .formField .list ul li.code img{ vertical-align:middle;}
.loginNRegPanel_01 .formField .list ul li.dm{ background-image:url(../images/bg_input_03.gif);}
.loginNRegPanel_01 .formField .list ul li.dm .txt{ width:150px; margin:0 10px 0 0;}
.loginNRegPanel_01 .formField .list ul li.dm span{ display:inline-block; vertical-align:middle; width:68px; padding:0 0 0 6px; height:100%; border-left:1px solid #000; font-size:14px; line-height:24px; color:#999;}
.loginNRegPanel_01 .formField .list ul li.text .pwStrength{ display:inline-block; vertical-align:middle; width:58px; height:16px; line-height:16px; color:#ccc; background:#e4e4e4; text-align:center; margin:0 0 0 1px;}
.loginNRegPanel_01 .formField .list ul li.text .pwStrength1On{ background:#eb9095; color:#fff;}
.loginNRegPanel_01 .formField .list ul li.text .pwStrength2On{ background:#dec600; color:#fff;}
.loginNRegPanel_01 .formField .list ul li.text .pwStrength3On{ background:#36c736; color:#fff;}
.loginNRegPanel_01 .formField .info{ margin:0 10px 10px; background:#fff; border:1px solid #cc101f; color:#cc101f; height:30px; line-height:30px;}
.loginNRegPanel_01 .formField .info .close{ display:inline-block; vertical-align:middle; width:30px; height:26px; cursor:pointer; background:url(../images/btn_close_02.gif) 50% 50% no-repeat;}
.loginNRegPanel_01 .formField .info .close:hover{ text-decoration:none;}
.loginNRegPanel_01 .formField .info em{ color:#cc101f;}
.loginNRegPanel_01 .formField .btns{ padding:0 10px;}
.loginNRegPanel_01 .formField .btns .btn{ display:block; width:100%; height:50px; cursor:pointer; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_01 .formField .btns .btn1{ background-image:url(../images/btn_reg_01.gif)}
.loginNRegPanel_01 .formField .btns .btn2{ background-image:url(../images/btn_login_01.gif)}
.loginNRegPanel_01 .formField .checks{ padding:0 10px;}
.loginNRegPanel_01 .formField .checks .check{ vertical-align:middle;}
.loginNRegPanel_01 .formField .checks label{ color:#333; margin:0 20px 0 0;}
.loginNRegPanel_01 .btnField{ height:100%; margin:0 0 0 340px; border-left:1px dashed #ccc; padding:0 0 0 20px;}
.loginNRegPanel_01 .btnField ul{ padding:88px 0 0;}
.loginNRegPanel_01 .btnField ul li{ width:266px; height:60px; padding:0 9px 19px 0; float:left;}
.loginNRegPanel_01 .btnField ul li .btn{ display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_01 .btnField ul li .btn1{ background-image:url(../images/btn_weiboLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn2{ background-image:url(../images/btn_QQLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn3{ background-image:url(../images/btn_doubanLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn4{ background-image:url(../images/btn_renrenLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn5{ background-image:url(../images/btn_TWeiboLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn6{ background-image:url(../images/btn_MSNLogin_01.gif);}


.loginNRegPanel_02{ height:460px; padding:20px; background:#fff; margin:0 0 20px;}
.loginNRegPanel_02 .menuField{ height:40px; border-bottom:1px solid #b4b4b4;}
.loginNRegPanel_02 .menuField .more{ float:right; line-height:40px;}
.loginNRegPanel_02 .menuField .more a{ color:#02189f; text-decoration:underline;}
.loginNRegPanel_02 .menuField ul{}
.loginNRegPanel_02 .menuField ul li{ float:left; width:170px; height:40px;}
.loginNRegPanel_02 .menuField ul li a{ display:block; width:100%; height:100%; line-height:40px; text-align:center; background:url(../images/btn_bg_21.gif) 0 0 no-repeat; padding:0 0 1px; margin:0 0 -1px; font-size:14px; position:relative;}
.loginNRegPanel_02 .menuField ul li a.on{ background:url(../images/btn_bg_20.gif) 0 0 no-repeat; padding:0 0 9px; margin:0 0 -9px; color:#fff;}
.loginNRegPanel_02 .menuField ul li a:hover{ text-decoration:none;}
.loginNRegPanel_02 .formField{ height:100%; float:left; width:625px;}
.loginNRegPanel_02 .formField .list{ padding:20px 0 0;}
.loginNRegPanel_02 .formField .list ul{}
.loginNRegPanel_02 .formField .list ul li{ height:24px; background:0 0 no-repeat; padding:13px 0 13px 51px; margin:0 0 10px;}
.loginNRegPanel_02 .formField .list ul li .txt{ vertical-align:middle; border:0; background:none; width:276px; margin:0 30px 0 0; height:100%; line-height:24px; padding:0;}
.loginNRegPanel_02 .formField .list ul li em{ display:none; vertical-align:middle; color:#ff8400; padding:0 0 0 14px; background:url(../images/btn_close_03.gif) 0 50% no-repeat;}
.loginNRegPanel_02 .formField .list ul li .correct{ display:none; vertical-align:middle; width:26px; height:21px; background:url(../images/icon_correct_01.gif) 0 50% no-repeat;}
.loginNRegPanel_02 .formField .list ul li.ok .correct{ display:inline-block;}
.loginNRegPanel_02 .formField .list ul li.ok .info{ display:none;}
.loginNRegPanel_02 .formField .list ul li.wrong{ background-position:-1000px 0;}
.loginNRegPanel_02 .formField .list ul li.wrong .info{ display:none;}
.loginNRegPanel_02 .formField .list ul li.wrong em{ display:inline-block;}
.loginNRegPanel_02 .formField .list ul li.id{ background-image:url(../images/bg_input_07.gif);}
.loginNRegPanel_02 .formField .list ul li.pw{ background-image:url(../images/bg_input_09.gif);}
.loginNRegPanel_02 .formField .list ul li.nn{ background-image:url(../images/bg_input_08.gif);}
.loginNRegPanel_02 .formField .list ul li.phone{ background-image:url(../images/bg_input_11.gif);}
.loginNRegPanel_02 .formField .list ul li.msg{ background-image:url(../images/bg_input_12.gif); padding:9px 0 9px 51px; height:32px;}
.loginNRegPanel_02 .formField .list ul li.msg .txt{ width:116px; margin:0 20px 0 0;}
.loginNRegPanel_02 .formField .list ul li.msg .btn{ width:150px; height:32px; vertical-align:middle; text-align:center; line-height:32px; background:url(../images/btn_bg_22.gif) 0 0 no-repeat; cursor:pointer; margin:0 16px 0 0;}
.loginNRegPanel_02 .formField .list ul li.msg .msg{ color:#999; }
.loginNRegPanel_02 .formField .list ul li.text{ width:340px; padding:0 0 10px; text-align:right; margin:0 0 10px;}
.loginNRegPanel_02 .formField .list ul li.text em{ color:#f00;}
.loginNRegPanel_02 .formField .list ul li.code{ background-image:url(../images/bg_input_10.gif); padding:9px 0 9px 51px; height:32px}
.loginNRegPanel_02 .formField .list ul li.code .txt{ width:116px;}
.loginNRegPanel_02 .formField .list ul li.code .link{ display:inline-block; vertical-align:middle; color:#02189f; text-decoration:underline; margin:0 0 0 5px; width:70px;}
.loginNRegPanel_02 .formField .list ul li.code img{ vertical-align:middle;}
.loginNRegPanel_02 .formField .list ul li.dm{ background-image:url(../images/bg_input_03.gif);}
.loginNRegPanel_02 .formField .list ul li.dm .txt{ width:150px; margin:0 10px 0 0;}
.loginNRegPanel_02 .formField .list ul li.dm span{ display:inline-block; vertical-align:middle; width:68px; padding:0 0 0 6px; height:100%; border-left:1px solid #000; font-size:14px; line-height:24px; color:#999;}
.loginNRegPanel_02 .formField .list ul li.text .pwStrength{ display:inline-block; vertical-align:middle; width:58px; height:16px; line-height:16px; color:#ccc; background:#e4e4e4; text-align:center; margin:0 0 0 1px;}
.loginNRegPanel_02 .formField .list ul li.text .pwStrength1On{ background:#eb9095; color:#fff;}
.loginNRegPanel_02 .formField .list ul li.text .pwStrength2On{ background:#dec600; color:#fff;}
.loginNRegPanel_02 .formField .list ul li.text .pwStrength3On{ background:#36c736; color:#fff;}
.loginNRegPanel_02 .formField .list ul li.links{ padding:0; text-align:left;}
.loginNRegPanel_02 .formField .list ul li.links .check{ vertical-align:middle;}
.loginNRegPanel_02 .formField .btns{ padding:20px 20px 0;}
.loginNRegPanel_02 .formField .btns .btn{ display:block; width:300px; height:50px; cursor:pointer; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_02 .formField .btns .btn1{ background-image:url(../images/btn_reg_01.gif)}
.loginNRegPanel_02 .btnField{ margin-left:625px; background:#efefef; height:420px;}
.loginNRegPanel_02 .btnField h2{ width:266px; margin:0 auto; font-size:14px; color:#333; font-weight:bold; padding:30px 0 0;}
.loginNRegPanel_02 .btnField ul{ padding:20px 0 0;}
.loginNRegPanel_02 .btnField ul li{ width:266px; height:60px; padding:0 0 20px; margin:0 auto;}
.loginNRegPanel_02 .btnField ul li .btn{ display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_02 .btnField ul li .btn1{ background-image:url(../images/btn_weiboLogin_02.gif);}
.loginNRegPanel_02 .btnField ul li .btn2{ background-image:url(../images/btn_QQLogin_02.gif);}
.loginNRegPanel_02 .btnField ul li .btn3{ background-image:url(../images/btn_taobaoLogin_01.gif);}


.jumpPanel_01{ height:400px; padding:40px; background:#fff; margin:0 0 20px;}
.jumpPanel_01 .bgP_01{ background:#eee; height:100%;}
.jumpPanel_01 .titleField{ padding:40px 0 0;}
.jumpPanel_01 .titleField h1{ text-align:center; font-size:14px; color:#333;}
.jumpPanel_01 .textField{ width:290px; margin:0 auto; padding:20px 0;}
.jumpPanel_01 .infoField{ width:260px; margin:20px auto 10px; height:60px; padding:10px 0 10px 40px; background:url(../images/btn_bg_16.gif) 0 0 no-repeat;}
.jumpPanel_01 .infoField .img{ width:60px; height:100%; float:left;}
.jumpPanel_01 .infoField .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.jumpPanel_01 .infoField .img img{ display:block;}
.jumpPanel_01 .infoField .info{ margin-left:75px;}
.jumpPanel_01 .infoField .info h2{ line-height:30px; height:30px; overflow:hidden; padding:0 0 0 20px; background:url(../images/icon_person_01.gif) 0 0 no-repeat;}
.jumpPanel_01 .infoField .info h2 .name{ font-size:14px; color:#f08200;}
.jumpPanel_01 .infoField .info p{ line-height:30px; color:#999;}
.jumpPanel_01 .btnField{ width:300px; margin:0 auto;}
.jumpPanel_01 .btnField ul{}
.jumpPanel_01 .btnField ul li{ width:100%; height:80px; background:url(../images/btn_bg_16.gif) 0 0 no-repeat; margin:0 0 10px;}
.jumpPanel_01 .btnField ul li .btn{ display:block; height:100%; padding:0 0 0 80px; background:10px 50% no-repeat; line-height:80px; font-size:14px;}
.jumpPanel_01 .btnField ul li .btn1{ background-image:url(../images/icon_btn_03.gif);}
.jumpPanel_01 .btnField ul li .btn2{ background-image:url(../images/icon_btn_04.gif);}
.jumpPanel_01 .btnField ul li .btn3{ background-image:url(../images/icon_btn_01.gif);}
.jumpPanel_01 .btnField ul li .btn4{ background-image:url(../images/icon_btn_02.gif);}
.jumpPanel_01 .btnField ul li .btn:hover{ text-decoration:none; color:#999;}


.regOkPanel_01{ height:500px; background:url(../images/bg_regOk_01.jpg) 0 0 no-repeat; width:100%; position:relative; margin:0 0 20px;}
.regOkPanel_01 .checkMailField{ position:absolute; left:85px; top:90px; width:570px; font-size:14px;}
.regOkPanel_01 .checkMailField .text{ font-size:14px;}
.regOkPanel_01 .checkMailField .btns{ padding:20px 0 0;}
.regOkPanel_01 .checkMailField .btns .btn{ display:inline-block; width:141px; height:46px; line-height:46px; text-align:center; color:#fff; font-family:14px; background:url(../images/btn_bg_23.gif) 0 0 no-repeat; cursor:pointer;}
.regOkPanel_01 .checkMailField .btns .btn:hover{ text-decoration:none;}
.regOkPanel_01 .infoField{ position:absolute; width:245px; top:75px; left:700px;}
.regOkPanel_01 .infoField .title{ padding:0 0 20px 22px;}
.regOkPanel_01 .infoField .title h2{ line-height:24px; font-size:14px; font-weight:bold;}
.regOkPanel_01 .infoField .text{}
.regOkPanel_01 .infoField .text p{ padding:0 0 10px; line-height:24px;}
.regOkPanel_01 .infoField .text .link{ color:#02189f; text-decoration:underline;}
.regOkPanel_01 .infoField .changeMail{ position:absolute; top:132px; left:0; line-height:24px; padding:15px 0 10px 10px; width:228px; background:url(../images/bg_content_04.gif) 0 0 no-repeat; display:none;}
.regOkPanel_01 .infoField .changeMail .txt{ width:104px;}
.regOkPanel_01 .btnField{ position:absolute; left:401px; top:293px;}
.regOkPanel_01 .btnField ul{}
.regOkPanel_01 .btnField ul li{ padding:0 0 30px;}
.regOkPanel_01 .btnField ul li .btn{ display:inline-block; vertical-align:middle; width:210px; height:48px; cursor:pointer; margin:0 20px 0 0;}
.regOkPanel_01 .btnField ul li .btn1{ background:url(../images/btn_regOk_01.gif) 0 0 no-repeat;}
.regOkPanel_01 .btnField ul li .btn2{ background:url(../images/btn_regOk_02.gif) 0 0 no-repeat;}


.forgetPWPanel_01{ padding:20px 40px 40px; background:#fff; margin:0 0 20px;}
.forgetPWPanel_01 .btnField{ text-align:right; padding:0 0 20px;}
.forgetPWPanel_01 .btnField .btn{ display:inline-block; width:78px; height:30px; line-height:30px; text-align:center; cursor:pointer; background:url(../images/btn_bg_05.gif) 0 0 no-repeat; font-family:"宋体";}
.forgetPWPanel_01 .btnField .btn:hover{ text-decoration:none;}
.forgetPWPanel_01 .formField{ height:300px; background:#eee; padding:30px;}
.forgetPWPanel_01 .formField .title{ padding:0 0 10px;}
.forgetPWPanel_01 .formField .title h2{ color:#333; font-size:14px;}
.forgetPWPanel_01 .formField .list{}
.forgetPWPanel_01 .formField .list ul{}
.forgetPWPanel_01 .formField .list ul li{ margin:0 0 10px;}
.forgetPWPanel_01 .formField .list ul li .txt{ display:block; width:260px; height:24px; line-height:24px; padding:13px 20px; color:#999; border:0; background:url(../images/btn_bg_17.gif) 0 0 no-repeat; font-size:14px;}
.forgetPWPanel_01 .formField .btns{ padding:10px 0 0;}
.forgetPWPanel_01 .formField .btns .btn{ display:inline-block; vertical-align:middle; width:92px; height:32px; line-height:32px; text-align:center; color:#333; cursor:pointer; background:url(../images/btn_bg_07.gif) 0 0 no-repeat;}
.forgetPWPanel_01 .formField .btns .btn:hover{ text-decoration:none;}


.linkPanel_02{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.linkPanel_02 .infoField{ padding:8px 20px 0; color:#999;}
.linkPanel_02 .infoField em{ color:#333;}
.linkPanel_02 .linkField{ padding:17px 0 0 20px; height:90px; font-size:0;}
.linkPanel_02 .linkField a,.linkPanel_02 .linkField span{ display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
.linkPanel_02 .linkField img{ display:block;}